import React from "react";
import ReactDOM from "react-dom/client";

// 引入 store
import store from "./store";

import App from "./App";

// 创建容器
const root = ReactDOM.createRoot(document.querySelector("#root") as Element);

// 默认render一次
root.render(<App />);

// 通过 store.subscribe() 监听仓库数据的变化，重新render
//    这块操作是不可取的。如果我们只是某个子组件用到了仓库的数据，而这里是将整个应用重新渲染。
store.subscribe(() => {
  console.log("store 数据改变了哟");
  root.render(<App />)
});
